/**
 * @module
 * @author xiong sha
 * @date 2021-01-06 21:17:58
 */

import React from 'react';
import './index.less';

interface IProps {
  title?: string;
  btnText?: string;
  remark?: string;
  pay?: () => void;
}
const ListItem = (props: IProps) => {
  return (
    <div className="list-item">
      <div className="list-header">
        {props.title}
        <span className="text-btn" onClick={props.pay}>
          {props.btnText}
        </span>
      </div>
      <p className="remark">{props.remark}</p>
    </div>
  );
};
export default ListItem;
